<template>
  <div class="loading">
    <img :src="imgurl" />
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      num: 1,
      imgurl: "",
    };
  },
  created: function () {
    setInterval(() => {
      this.imgurl = require("../assets/loading/loading_" + this.num + ".png");
      this.num++;
      if (this.num > 116) {
        this.num = 1;
      }
    }, 30);
  },
};
</script>

<style lang="less" scoped>
.loading {
  width: 100%;
  text-align: center;
  //   padding: 0;
  // background-color: #f5f5f5;
  img {
    width: 30vw;
  }
}
</style>